/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-10-23 16:19:44
 * @version $Id$
 */

$(document).ready(function() {

    // 回复@某人
    $('.modal-replay .replay').click(function(event) {
        var name = $(this).parent().parent().find('strong').text();
        $("#replay-input").val('回复  ' + name + ' : ');
    });

    // 演示回复效果，新增一条，滚动到指定位置
    $('#sent-input').click(function(event) {

        $('.modal-replay ul').append($('.modal-replay ul li:last').html());
        // 计算滚动
        var h = $('.modal-replay .modal-body ul').height() - 580;
        $('.modal-replay .modal-body').scrollTop(h);
        // 提示
        new $.zui.Messager('回复成功', {
            icon: 'ok-sign',
            type: 'success' // 定义颜色主题
        }).show();
    });

    // 初始化弹出面板
    $('[data-toggle="popover"]').popover();


    // 课程筛选内容获得样式
    $('.class-screen dd').on('click', function() {
        $(this).addClass('active').siblings("dd").removeClass('active');
    })


    // 展开下拉菜单改造
    // 点击展开
    $('.dropdown-bt').click(function() {

        if ($(this).hasClass('active')) {
            $(this).parent().find('.dropdown-menu').removeClass('active');
            $(this).removeClass('active');
        } else {
            $(this).parent().find('.dropdown-menu').addClass('active');
            $(this).addClass('active');
        }
    });
    // 点击收起
    $(document).click(function(e) {
        if ($(e.target).closest('.dropdown-menu.notice.active').length == 0) {
            $('.dropdown-menu.notice.active').removeClass('active');
            $('li.notice.active').removeClass('active');
            $('.dropdown-bt').removeClass('active');
        }
    });

    // 回到顶部按钮

    $(function() {
        $(window).scroll(function() {
            if ($(window).scrollTop() >= 150) {
                $('.goTopBtn').fadeIn();
            } else {
                $('.goTopBtn').fadeOut();
            }
        });
    });
    $('.goTopBtn').click(function() {
        $('body,html').animate({ scrollTop: 0 }, 300);
    });



    // 筛选条高亮
    $('.screen').on('click', 'a', function() {
        $(this).parent().parent().find('li.active').removeClass('active');
        $(this).closest('li').addClass('active');
    });

    // 手动初始化工具提示
    $('[data-toggle="tooltip"]').tooltip();


    // 注册登录框控制
    $('.register-bt').click(function(event) {
        $('#loginbox').modal('hide');
        $('#registerbox').modal({
            position: 'center',
            show: true
        })
    });

    // 手机号登录
    $('.login-bt').click(function(event) {
        $('.login-content').show();
        $('.phone-content').hide();
    });

    $('.phone-login').click(function(event) {
        $('.login-content').hide();
        $('.phone-content').show();
    });


    // 注册第二步输入密码
    $('.registerstep2').click(function(event) {
        $('.register-content').hide();
        $('.register-content2').show();
    });



    // 成功提示
    var msg = new $.zui.Messager('注册成功！', {
        type: 'success',
        icon: 'ok-sign',
        placement: 'center'
    });


    $('.successful-bt').click(function(event) {
        $('#loginbox').modal('hide');
        $('#registerbox').modal('hide');


        msg.show();
        // 模拟跳转
        setTimeout(function() {
            window.location.href = "user_index.html";
        }, 1000);

    });



    // 扫码登录按钮


    $('#code-login-bt').click(function(event) {
        $('#loginbox').modal('hide')
        $('#qrcodeloginbox').modal({
            position: 'center',
            show: true
        })


    });

    // 回到登录弹窗
    $('.backlogin').click(function(event) {
        $('#registerbox').modal('hide');
        $('#qrcodeloginbox').modal('hide');
        $('#loginbox').modal({
            position: 'center',
            show: true
        })


    });



 




    // 评分组件
    $(".star-box .icon-star").mouseover(function() {
        $(".star-box .icon-times").show();
        $(this).addClass('active');
        $(this).prevAll().addClass('active');
        $(this).nextAll().removeClass('active');
        var a = $(".star-box").children(".icon.icon-star.active").length;
        if (a == 1) {
            $(".star-fen-box").text("1分，很差")
        }
        if (a == 2) {
            $(".star-fen-box").text("2分，不好")
        }
        if (a == 3) {
            $(".star-fen-box").text("3分，一般")
        }
        if (a == 4) {
            $(".star-fen-box").text("4分，良好")
        }
        if (a == 5) {
            $(".star-fen-box").text("5分，优秀")
        }
    });

    $(".star-box .icon-times").click(function() {
        $(this).hide();
        $(".star-box .icon-star").removeClass('active');
        $(".star-fen-box").text("取消评分");
    });





    // 导航高亮=================================================================================================
    //请将导航的a标签id改为页面名称前缀！
    function dis_guide(guide_arr, def_style, show_style) {
        //统计导航不高亮的个数 这个用于缺省状态或异常状态
        var count = 0;
        //数组长度
        var guide_arr_length = guide_arr.length;
        //获取URL
        var source = window.location;
        source = source.toString();
        //系统开始工作
        for (var i = 0; i < guide_arr_length; i++) {
            //恢复所有样式
            $('#' + guide_arr[i]).parent().attr('class', def_style);
            //揣测URL
            if (source.indexOf(guide_arr[i]) !== -1) {
                $('#' + guide_arr[i]).parent().attr('class', show_style);
            } else {
                count += 1;
            }
            //缺省状态
            if (count >= guide_arr_length) {
                $('#' + guide_arr[0]).parent().attr('class', show_style);
            }
        }
    }
    //配置要显示的导航GET参数,注意每个导航的ID和这个保持一致
    var guide_arr = new Array('user_index', 'user_order', 'user_secure', 'user_account', 'user_note', 'user_comment', 'user_statistic', 'user_collection', 'user_news', 'user_exam','quesbank','quesrecord', 'user_rank', 'user_download', 'user_train','user_certificate','user_memberform','user_memberinfo','user_memberfees','user_invoiceinfo','user_invoicelist','user_ad','user_signup');
    $(document).ready(function() {
        dis_guide(guide_arr, 'nav-choice', 'active');
    })



});





// 验证码倒计时
var countdown = 60;

function settime(obj) {
    if (countdown == 0) {
        obj.removeAttribute("disabled");
        obj.value = "获取验证码";
        countdown = 60;
        return;
    } else {
        obj.setAttribute("disabled", true);
        obj.value = "重新发送(" + countdown + ")";
        countdown--;
    }
    setTimeout(function() {
        settime(obj)
    }, 1000)
}




$(function() {
    // 读取body data-type 判断是哪个页面然后执行相应页面方法，方法在下面。
    var dataType = $('body').attr('data-type');
    console.log(dataType);
    for (key in pageData) {
        if (key == dataType) {
            pageData[key]();
        }
    }

})


// 页面数据
var pageData = {
    // ===============================================
    // 首页
    // ===============================================
    'resource-page': function indexData() {


        // ==========================
        // 百度图表A http://echarts.baidu.com/
        // ==========================



        var echartsB = echarts.init(document.getElementById('tpl-echarts2'));
        optionB = {
            tooltip: {
                trigger: 'axis',
                //在这里设置
                formatter: '{b}</br><span style="display:inline-block;margin-right:5px;border-radius:10px;width:5px;height:5px;background-color:#26cae3;position:relative;top:-2px;"></span>{a0}:{c0} 分钟',
                textStyle: {
                    color: '#333',
                    fontSize: 12,
                },
                backgroundColor: 'rgba(255, 255, 255, .75)',
                borderColor: 'rgba(0, 0, 0, .2)',
                borderWidth: 1,
                axisPointer: {
                    lineStyle: {
                        opacity: .5,
                        width: 1,
                    }
                },
            },
            grid: {
                top: '5%',
                left: '0%',
                right: '2%',
                bottom: '5%',
                containLabel: true
            },
            xAxis: [{
                type: 'category',
                boundaryGap: false,
                data: ['10-1', '10-2', '10-3', '10-4', '10-5', '10-6', '10-7']
            }],
            yAxis: [{
                type: 'value',
                splitLine: {
                    lineStyle: {
                        opacity: .3,
                    }
                },
                axisLabel: {
                    formatter: '{value} 分钟'
                }
            }],
            textStyle: {
                color: '#999'
            },
            series: [{
                label: {
                    show: true,
                    fontSize: 36,
                },
                name: '学习时长',
                type: 'line',
                stack: '总量',
                barWidth: 10, //柱图宽度
                smooth: true,
                areaStyle: { normal: {} },
                data: [15, 155, 12, 52, 586, 5, 0],
                itemStyle: {
                    normal: {
                        color: '#26cae3'
                    }
                },
                areaStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0,
                            color: 'rgba(147, 235, 248, 1)'
                        }, {
                            offset: 1,
                            color: 'rgba(147, 235, 248, .1)'
                        }])
                    }
                },
            }]
        };

        echartsB.setOption(optionB);

        $(window).resize(function() {
            echartsB.resize();
        });


        $('.chart-open').click(function() {
            echartsB.clear();
            echartsB.setOption(optionB, true);
        });


    }

}